<style>
           .weui-article {
            padding: 0px;
            font-size: 15px;
        }

        .btn {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            border-radius: 0px;
        }

        .weui-skin_android .weui-actionsheet {
                                                  
            position: fixed;
            left: 50%;
            top: 20%;
            bottom: auto;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
            box-sizing: border-box;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background: transparent;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
        }

        .weui-dialog__ft {
            /*position:fixed;
            left:0;
            bottom:0px;*/
            width: 100%;
            background-color: #fff;
        }

        .weui-actionsheet__cell {
            padding: 0;
        }
</style>

<div  ng-controller="CouponDetailCtrl">
    <div class="page msg_warn js_show" ng-show="!showDetails && success && !warning">
        <div class="weui-msg">
            <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg"></i></div>
            <div class="weui-msg__text-area">
                <h2 class="weui-msg__title">操作失败</h2>
                <p class="weui-msg__desc" data-bind="text: errorMsg"></p>
            </div>
            <div class="weui-msg__opr-area">
                <p class="weui-btn-area">
                    <a href="javascript:history.back();" class="weui-btn weui-btn_default" data-bind="click:btnGoBack_click">返回优惠券列表</a>
                </p>
            </div>

        </div>
    </div>

    <div class="page  msg_success js_show" ng-show="!showDetails && !success && warning">
        <div class="weui-msg">
            <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
            <div class="weui-msg__text-area">
                <h2 class="weui-msg__title">操作成功</h2>
                <p class="weui-msg__desc" data-bind="text: successMsg"></p>

            </div>
            <div class="weui-msg__opr-area">
                <p class="weui-btn-area">
                    <a href="javascript:history.back();" class="weui-btn weui-btn_default" data-bind="click:btnGoBack_click">返回优惠券列表</a>
                </p>
            </div>
        </div>
    </div>
    <div class="container" id="container">
        <div class="page article js_show" ng-show="showDetails && !success && !warning">
            <div class="page__bd">
                <article class="weui-article">
                    <section style="margin-bottom: 0px">
                        <p style="margin: 0px">
                            <img ng-src="{{couponDetail.couponIconUrl}}"/>
                        </p>
                    </section>
                </article>
            </div>
            <div class="weui-cells" style="margin-top: 0px">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>电子券名称</p>
                    </div>
                    <div class="weui-cell__ft" ng-bind="couponDetail.couponName">优惠券1</div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>有效时间</p>
                    </div>
                    <div class="weui-cell__ft"><span  ng-bind="couponDetail.startTime"></span><span>至</span><span  ng-bind="couponDetail.endTime"></span></div>
                </div>

                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>使用规则</p>
                    </div>
                </div>
                <div class="page__hd" style="padding: 0px 15px;">
                    <p class="page__desc"  ng-bind="couponDetail.couponRemark">
                        1.哈哈哈哈哈哈哈哈哈
                    </p>

                </div>
            </div>
            <a class="weui-btn weui-btn_primary btn" ng-click="btnUseCoupon_click()" >使用优惠券</a>
        </div>
        <div class="page article js_show " style="background-color: #eee" ng-show="!showDetails && !success && !warning">
            <div class="page__bd">
                <!--<article class="weui-article" style="padding: 10px 19px">
                    <section>
                        <p style="margin: 0px">
                            <img src="../Images/code.jpg" />
                        </p>
                    </section>
                </article>-->
                <div class="weui-cells__title">请输入验证码</div>
                <div class="weui-cells weui-cells_form" style="margin-top: 0px">
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">验证码</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="number" >
                        </div>
                    </div>
                </div>
                <div class="weui-cells__tips">请向收银员索取验证码</div>
                <div class="page__bd page__bd_spacing" style="margin-top: 15px">
                    <a href="javascript:;" class="weui-btn weui-btn_primary weui-btn-disable" data-bind="click: btnConsumeCoupon_click">确认使用</a>
                    <a href="javascript:;" class="weui-btn weui-btn_default" ui-sref="wx.coupon">取消</a>
                </div>


            </div>
        </div>
        <div>
        </div>
    </div>
</div>
